<!DOCTYPE HTML>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <script type="text/javascript" language="javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
            var chart;
            $j(document).ready(function() {
                $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÁ NHÂN');
                $j.post('reportNR1.jsp?action=reportNR1',function(data){
                    $j('.report-container').html(data);
                });
                $j('.N100R1').live('click',function(){
                    $j.post('reportNR1.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÁ NHÂN');
                });
                $j('.N100R2').live('click',function(){
                    $j.post('reportNR2.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÁ NHÂN');
                });
                $j('.N100R3').live('click',function(){
                    $j.post('reportNR3.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÁ NHÂN');
                });
                $j('.N100R4').live('click',function(){
                    $j.post('reportNR4.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÁ NHÂN');
                });
                $j('.N100R5').live('click',function(){
                    $j.post('reportNR5.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÁ NHÂN');
                });
                $j('.N100R6').live('click',function(){
                    $j.post('reportNR6.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÁ NHÂN');
                });
                $j('.N100R7').live('click',function(){
                    $j.post('reportNR7.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÁ NHÂN');
                });
                $j('.N100R8').live('click',function(){
                    $j.post('reportNR8.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÁ NHÂN');
                });
                 $j('.N100R9').live('click',function(){
                    $j.post('reportNR9.jsp?action=reportNR9',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÁ NHÂN');
                });
                $j('.N100R9DAY').live('change',function(data){
                  var day=  $j(this).children('option:selected').val();
                   
                    $j.post('reportNR9.jsp?action=reportNR9&day='+day,function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÁ NHÂN');
                });
                //KHACH HANG CONG TY
                $j('.K100R1').live('click',function(){
                    $j.post('reportKR1.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÔNG TY');
                });
                $j('.K100R2').live('click',function(){
                    $j.post('reportKR2.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÔNG TY');
                });
                
                $j('.K100R3').live('click',function(){
                    $j.post('reportKR3.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÔNG TY');
                });
                $j('.K100R4').live('click',function(){
                    $j.post('reportKR4.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÔNG TY');
                });
                $j('.K100R5').live('click',function(){
                    $j.post('reportKR5.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÔNG TY');
                });
                $j('.K100R6').live('click',function(){
                    $j.post('reportKR6.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÔNG TY');
                });
                $j('.K100R7').live('click',function(){
                    $j.post('reportKR7.jsp?action=reportNR1',function(data){
                        $j('.report-container').html(data);
                    }); 
                    $j('.header-report-text').text('THỐNG KÊ THEO KHÁCH HÀNG CÔNG TY');
                });
               
            });
        </script>
        <style type="text/css">
            .header-report{
                background: none repeat scroll 0 0 #4A5763;
                color: #FFFFFF;
                float: left;
                padding-bottom: 8px;
                padding-left: 18px;
                padding-top: 8px;
                text-transform: uppercase;
                width: 98%;
            }
            .report-container{
                float:left;
                width:900px;
            }
            .report-tab{
                float:left; 
            }
            .menu-tab{
                float:left; 
                width:919px;
            }
            .tab-khcn{
                float:left;
                padding-left: 5px;
                width: 90px;
            }
            .tab-khct{
                float:left; 
                width:80px;
            }
            .tab-content{
                float: left;
            }
            .spanmenu{
                width:185px !important  ;
                background:#858b90 !important;
                text-shadow: none !important;
            }
            .spansubmenu{
                width:205px !important  ;  
                background:#adb2b6 !important;
                margin-top:2px !important;
                margin-bottom: -1px !important;
                cursor: pointer;
                text-shadow: none !important;
            }
            .spansubmenu:hover{
                background:#858b90 !important;
            }
            .imgtk{
                float:left;
            }
            .header-report-text{
                margin-left:20px;
            }
            .container-chart{
                margin-top:20px !important;
            }
        </style>
    </head>
    <body>
        <div id="content">
            <div id="menu_top">
                        <div class="dropdown">
                            <div class="select_choise">
                                <a href="#"><span><h:outputText value="#{locale.area}"/></span></a>
                            </div>
                            <div class="select_hidden">
                                <ul>

                                    <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                    <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                </ul>
                            </div>
                        </div>
                        <h:panelGroup rendered="#{loginSession.right.CUS_LST_PAR}">
                            <div class="dropdown">
                                <div class="select_choise">
                                    <a href="#">
                                        <span class="department2" lang="<h:outputText value="#{n450_n850.fn850}"/>">
                                            <h:outputText rendered="#{n450_n850.fn850 !=0}" value="#{n450_n850.nv851}"/>
                                            <h:outputText rendered="#{n450_n850.fn850 ==0}" value="Tất cả"/>
                                        </span>
                                    </a>

                                </div>
                                <div class="select_hidden departmentlistN850">

                                    <ul>
                                        <li><a href="#"><span class="department3" lang="<h:outputText value="0"/>">
                                                    <h:outputText value="Tất cả"/>
                                                </span></a></li>                                  


                                        <a4j:repeat value="#{n450_n850.listComb850}" var="item">
                                            <li><a href="#"><span class="department2" lang="<h:outputText value="#{item.value}"/>">
                                                        <h:outputText value="#{item.label}"/>
                                                    </span></a></li> 
                                                </a4j:repeat>
                                    </ul>
                                </div>
                            </div>
                        </h:panelGroup>
                    </div>
            <div id="content_detail">

                <div class="content_right" style="margin-top:15px;">
                    <div class="header-report"><img src="../images/tk.png" alt="" class="imgtk"/><div class="header-report-text"></div></div>
                    <div class="report-tab">
                        <div id="menu_top">
                            <div class="dropdown">
                                <div class="select_choise">
                                    <a href="#"><h:outputText value="KHÁCH HÀNG CÁ NHÂN" styleClass="spanmenu"/></a>
                                </div>
                                <div class="select_hidden">
                                    <ul>

                                        <li><h:outputText value="KK Tiềm năng & Thân thiết" styleClass="spansubmenu N100R1"/></li>
                                        <li><h:outputText value="Nguồn khách hàng công ty" styleClass="spansubmenu N100R2"/></li>
                                        <li><h:outputText value="Trạng thái khách hàng" styleClass="spansubmenu N100R3"/></li>
                                        <li><h:outputText value="Độ tuổi khách hàng" styleClass="spansubmenu N100R4"/></li>
                                        <li><h:outputText value="Khách hàng có CMNN & Passport" styleClass="spansubmenu N100R5"/></li>
                                        <li><h:outputText value="Passport sắp hết hạn" styleClass="spansubmenu N100R6"/></li>
                                        <li><h:outputText value="Nhân viên giới thiệu" styleClass="spansubmenu N100R7"/></li>
                                        <li><h:outputText value="Nhân viên chịu trách nhiệm" styleClass="spansubmenu N100R8"/></li>
                                        <li><h:outputText value="Cập nhật khách hàng" styleClass="spansubmenu N100R9"/></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="dropdown">
                                <div class="select_choise">
                                    <a href="#"><h:outputText value="KHÁCH HÀNG CÔNG TY" styleClass="spanmenu"/></a>
                                </div>
                                <div class="select_hidden">
                                    <ul>

                                        <li><h:outputText value="KK Tiềm năng & Thân thiết" styleClass="spansubmenu K100R1"/></li>
                                        <li><h:outputText value="Nguồn khách hàng công ty" styleClass="spansubmenu K100R2"/></li>
                                        <li><h:outputText value="Trạng thái khách hàng" styleClass="spansubmenu K100R3"/></li>
                                        <li><h:outputText value="Ngành nghề khách hàng" styleClass="spansubmenu K100R4"/></li>
                                        <li><h:outputText value="Phân loại khách hàng" styleClass="spansubmenu K100R5"/></li>
                                        <li><h:outputText value="Nhân viên chịu trách nhiệm" styleClass="spansubmenu K100R6"/></li>
                                        <li><h:outputText value="Nhân viên giới thiệu" styleClass="spansubmenu K100R7"/></li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="report-container">

                    </div>

                </div>
            </div>
        </div>



    </body>
</html>
